.tiptap-root {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tiptap-root .tiptap {
  flex: 1 1 auto;
  min-height: 100%;
}

.tiptap {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  hyphens: auto;
  padding-bottom: 24px;
  caret-color: #374151;
  min-height: 100%;

  :first-child {
    margin-top: 0;
  }

  /* focus states */
  &:focus {
    outline: none;
    box-shadow: none;
  }

  p {
    margin-bottom: 0.25rem;
  }

  .tiptap-image {
    max-width: 240px;
    height: auto;
    display: block;
  }
}
